
<div style="width:100%;">
	<table border="0"  width="100%" height="100%">
		<tr >
			<td width="30%" valign="top">
				<div class="box">
					<span class="textExtra">Search</span><input type="text" class="search-input-text" id="searchBoard" >
				</div>
				<div id="boardListAdmin" style="background-color: #f3f3f3;overflow-y:scroll;">
				</div>
			</td>
			<td width="50%" valign="top">
				<div id="baordDiscussionList" class="convlistAdmin" ></div>
			</td>
			<td width="20%" valign="top">
				<div id="discussionItemDetail" class="convlistAdmin" >
					<div class="verticalBox box" >
						<div id="baordDiscussionAdminPanel" style="display:none;">
							<img src="" height="214px" alt="" class="imageRef" width="100%" />
							<div class="margined" style="padding-top:5px">
								<textarea id="discussionText" class="input-text" rows="7" style="width:100%"></textarea>
							</div>
							<div class="box">
								<div class="margined ">
									<div>
										<input type="button" id="addButton" class="uibutton large special" value="Add Message" />
										<input type="button" id="saveButton" class="uibutton large special" value="Save Message" />
										<input type="button" id="replyButton" class="uibutton large special" value="Reply Message" onclick="replyToMessage();" />
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</td>
		</tr>
	</table>
</div>
<script>
	$("#baordDiscussionList").height($(".controlPlace").height()-70);
	$("#discussionItemDetail").height($(".controlPlace").height()-70);
	$("#boardListAdmin").height($(".controlPlace").height()-100);
</script>